<template>
	<view class="city">
		<view class="conlation">
			<view class="iconfont icon-dingwei conlation-left">
				自动定位：{{currentCity}}
			</view>
			<navigator  class="conlation-right" url="/pages/changeCity/changeCity">
				切换<text class="iconfont icon-xiangyou"></text>
			</navigator>
		</view>
		<view class="video-list">
			<view class="item">
				<view class="video">
					<video 
					class="video1"
					objectFit="fill" 
					src="http://localhost:8099/video/video3.mp4"></video>
				</view>
				<view class="img">
					<image class="image-box" src="http://localhost:8099/img/3.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video 
					class="video1"
					objectFit="fill" 
					src="http://localhost:8099/video/video3.mp4"></video>
				</view>
				<view class="img">
					<image class="image-box" src="http://localhost:8099/img/3.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video 
					class="video1"
					objectFit="fill" 
					src="http://localhost:8099/video/video3.mp4"></video>
				</view>
				<view class="img">
					<image class="image-box" src="http://localhost:8099/img/3.jpg" mode=""></image>
				</view>
			</view>
			<view class="item">
				<view class="video">
					<video 
					class="video1"
					objectFit="fill" 
					src="http://localhost:8099/video/video3.mp4"></video>
				</view>
				<view class="img">
					<image class="image-box" src="http://localhost:8099/img/3.jpg" mode=""></image>
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['currentCity'],
		name:"cityContent",
		data() {
			return {
				currentCity:'北京'
			};
		}
		// onShow() {
		// 	uni.getStorage({
		// 		key:'city',
		// 		success(res){
		// 			console.log(res.data);
		// 			this.currentCity=res.data;
		// 		}
		// 	})
		// }
	}
</script>

<style>
.city{
	background-color: #000000;
	width:100%;
}
.conlation{
	width:100%;
	color: #aaa;
	overflow: hidden;
	height: 40px;
	padding-top:70px;
}
.conlation-left{
	float: left;
	padding-left: 15px;
	font-size: 12px;
}
.conlation-right{
	float: right;
	font-size: 12px;
	padding-right:15px;
}
.video-list{
	width: 100%;
	overflow: auto;
	background-color: #000000;
}
.item{
	width:50%;
	float: left;
	position: relative;
}
.video{
	width:92%;
	margin-left: 4%;
	height:300px;
	z-index: 18;
}
.video1{
	width: 100%;
	height:100%;
}
.img{
	position: absolute;
	bottom: 7px;
	right:15px;
}
.image-box{
	height: 30px;
	width:30px;
	border-radius: 50%;
}
</style>
